/* 公共初始化S */
*{
    margin: 0;
    padding: 0;
}

body{
    height: 700px;
    margin: 0;
    background: #333;
}

ul,li,i{
    list-style: none;
}

/* 标题 */
#title{
    width: 40%;
    height: 10%;
    position: absolute;
    left: 30%;
    font-size: 30px;
    color: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}
/* 上次更新时间 */
.timebox{
    width: 12%;
    position: fixed;
    top: 1%;
    left: 1%;
    text-align: center;
    font-size: 22px;
    color: #D4F2E7;
    z-index: 55;
}
/* 时间戳 */
#time{
    height: 8%;
    position: fixed;
    top: 5%;
    left: 1%;
    text-align: center;
    font-size: 20px;
    color: #D4F2E7;
    z-index: 56;
}
/* 公共初始化E */

/* china页面S */
/* 右上侧第一行S */
.c1{
    width: 45%;
    height: 40%;
    position: absolute;
    top: 15%;
    right: 1%;
    text-align: center;
    color: #efefef;
}
.newdiv{
    width: 45%;
    height: 40%;
    position: absolute;
    top: 12%;
    right: 1%;
    text-align: center;
    color: #efefef;
}
/* 右上侧第一行E */
/* 右上侧第二行S */
.sl{
    position: absolute;
    top: 31%;
}
.newdiv2{
    top:28%;
}
/* 右上侧第二行E */
/* 数字部分S */
.num{
    width: 33%;
    float: left;
    font-size: 18px;
    color: #ffb142;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}
/* 数字介绍 */
.text{
    color: #d1ccc0;
}
/* 新增数字样式 */
.new{
    color: #b8e994;
}
.new h4{
    font-size: 16px;
    color: #d13cc0;
}
/* 数字部分E */

/* 中国疫情地图S */
#chinaMap{
    width: 90%;
    height: 99%;
    position: absolute;
    top:1%;
    left: -18%;
    text-align: center;
    font-size: 24px;
    color: #efefef;
    /*z-index:2;*/
}
/* 中国疫情地图E */
/* 城市排行S */
#city{
    width: 48%;
    height: 58%;
    position: absolute;
    top: 40%;
    right: 2px;
    text-align: center;
    font-size: 24px;
    color: #efefef;
    z-index: 1;
}
/* 城市排行E */
/* china 页面E */

/* china-trend 页面S */
/*  页面上部分 S */
/* 左上部分 */
.chinaTrendDiv{
    width: 33.3%;
    height: 45%;
    position: absolute;
    top: 8%;
    left: 0%;
    text-align: center;
    font-size: 24px;
    color: #efefef;
    z-index: 20;
}
/* 中上部分 */
#l2{
    top:8%;
    left: 33.3%;
}
/* 右上部分 */
#l3{
    top:8%;
    left: 66.6%;
}
/*  页面上部分 E */
/*  页面下部分 S */
/*  左下部分 */
.chinaTrendDiv2{
    top: 54%;
}
/*  中下部分 */
#r2{
    width: 38%;
    top: 54%;
    left: 33.3%;
}
/*  右下部分 */
#r3{
    width:28%;
    top: 54%;
    left: 71.6%;
}
/*  页面下部分 E */
/* 累计趋势样式E */
/* china-trend 页面S */

/* world 页面S */
/* 世界疫情地图S */
#world{
    width: 100%;
    height: 99%;
    position: absolute;
    text-align: center;
    font-size: 24px;
}
/* world, 世界疫情地图E */
/* world 页面E */

/* world-trend 页面S */
/*  世界累计确诊趋势S */
#world_confirm{
    width: 40%;
    height: 50%;
    position: absolute;
    top: 8%;
    text-align: center;
    font-size: 16px;
}
/* world-trend, 世界累计治愈、死亡、新增确诊趋势 */
#world_else{
    width: 40%;
    height: 45%;
    position: absolute;
    top: 54%;
    text-align: center;
    font-size: 16px;
}

/* 海外疫情严重排行 */
#countryRank{
    width: 60%;
    height: 94.9%;
    position: absolute;
    top: 5%;
    right: 0.2%;
    text-align: center;
    font-size: 24px;
    color: #efefef;
}
/* world-trend 页面S */

/* 各页面跳转链接S */
a{
    text-decoration: none;
}
.tips{
    position: absolute;
    top: 4%;
    right: 5%;
    width: 400px;
    height: 80px;
    text-align: center;
    font-size: 22px;
    color: #f8c291;
    z-index:16;
}
/* 链接样式 */
.china{
    width: 100px;
    color: #63cdda;
    font-size: 20px;
    position: absolute;
    top:35%;
    text-align:left;
    left: 6%;
}
.chinaTrend{
    left: 28%;
}
.world{
    left: 54%;
}
.worldTrend{
    left: 79%;
}
.china:hover{
    color: #f8c291;
    transition: 0.6s;
}
/* 各页面跳转链接E */

